<?xml version="1.0" encoding="utf-8"?>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>STAGE</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expires" content="0" />
        <meta http-equiv="keywords" content="struts2, jquery, jquery-ui, plugin, showcase, jqgrid" />
        <meta http-equiv="description" content="A Showcase for the Struts2 jQuery Plugin" />
        <link href="styles/layout.css" rel="stylesheet" type="text/css" />
        <!--[if lte IE 7]>
	<link href="styles/patch_layout.css" rel="stylesheet" type="text/css" />
	<![endif]-->

        <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />


        <!-- This files are needed for AJAX Validation of XHTML Forms -->
        <script type="text/javascript" src="${pageContext.request.contextPath}/struts/utils.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/struts/xhtml/validation.js"></script>


        <sj:head debug="true" compressed="false" jquerytheme="showcase" customBasepath="themes" loadFromGoogle="%{google}" ajaxhistory="%{ajaxhistory}" defaultIndicator="myDefaultIndicator" defaultLoadingText="Please wait ..."/>


        <!-- This file includes necessary functions/topics for validation and all topic examples -->
        <script type="text/javascript" src="js/showcase.js"></script>
        <!-- Extend the Struts2 jQuery Plugin with an richtext editor -->
        <script type="text/javascript" src="js/extendplugin.js"></script>
    </head>
    <body>
        <div class="page_margins">
            <div class="page">
                <div id="header" class="ui-widget-header">
                    <div id="themebox">
                        <s:form action="ingresar" theme="simple">
                            <s:textfield name="login.user" id="user" label="Usuario" />
                            <s:textfield name="login.pass" id="pass" label="Password" />
                            <s:submit value="Entrar" cssClass="Button" />
                        </s:form>
                        <s:url id="urlremotelink7" action="usuario/JspIngresoDatos.action"/>
                        <sj:a id="remotelink7" href="%{urlremotelink7}" targets="main">Registrar</sj:a>
                        </div>
                        <div id="headline">
                            <h1 class="ui-state-default" style="background: none; border: none;">STAGE</h1>
                            <h4 class="ui-state-default" style="background: none; border: none;">Version 0.1</h4>
                            <img id="myDefaultIndicator" src="images/ajax-loader.gif" alt="Loading..." style="display:none"/>
                        </div>
                    </div>
                    <div id="nav">
                        <div class="hlist ui-widget-header">
                            <ul>
                                <li class="ui-widget-header ui-state-active">
                                <s:url id="urlremotelink" action="echo"/>
                                <sj:a id="remotelink" href="%{urlremotelink}" targets="main">Ajax Link
                                </sj:a>
                            </li>
                            <li class="ui-widget-header">
                                <s:url id="urlremotelink2" action="echo"/>
                                <sj:a id="remotelink" href="%{urlremotelink}" targets="main">Ajax Link 2
                                </sj:a>
                            </li>
                            <li class="ui-widget-header">
                                <s:url id="urlremotelink3" action="entrega/JspEntregaMaterial.action"/>
                                <sj:a id="remotelink3" href="%{urlremotelink3}" targets="main">Entrega Material
                                </sj:a>
                            </li>
                            <li class="ui-widget-header">
                                <s:url id="urlremotelink4" action="entrega/JspEntregaCertificado.action"/>
                                <sj:a id="remotelink4" href="%{urlremotelink4}" targets="main">Entrega Certificado
                                </sj:a>
                            </li>
                            <li class="ui-widget-header">
                                <s:url id="urlremotelink5" action="asistencia/JspAsistencia.action"/>
                                <sj:a id="remotelink5" href="%{urlremotelink5}" targets="main">Asistencia
                                </sj:a>
                            </li>
                        </ul>
                    </div>
                </div>
                <sj:div id="main" href="%{urlremotelink}">
                    <img id="indicator" src="images/indicator.gif" alt="Loading..."/>
                </sj:div>
                <!-- begin: #footer -->
                <div id="footer">
                    Desarrollado por  <a href="http://www.inteligencia.com" title="Java Developers">INTELIGENCIA</a><br/>

                </div>
            </div>
        </div>
        <script type="text/javascript">
            //Make it possible to link to an specific site in the Showcase
            //e.g. and link to index.action?ajaxhistory=true#main=_sj_action_accordionlink
            //opens now the accordion examples
            jQuery(document).ready(function() {
                if (jQuery.struts2_jquery.ajaxhistory) {
                    var topic = $.bbq.getState( 'main' );
                    if(topic !== undefined && topic != '') {
                        jQuery.publish(topic);
                    }
                }
            });
        </script>
    </body>
</html>
